<template>
  <div class="nav-bar">
    <ul>
      <cov-button>
        <li v-link="{path:'/'}">文章</li>
      </cov-button>
      <cov-button>
        <li>插件</li>
      </cov-button>
      <cov-button>
        <li>电影</li>
      </cov-button>
      <cov-button>
        <li>我的</li>
      </cov-button>
    </ul>
  </div>
</template>
<script type="text/javascript">
  var btn = require("../../components/public/btn.vue");
  export default{
    components:{
      covButton:btn
    }
  }
</script>
<style scoped>
  .nav-bar{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    box-sizing:border-box;
    border-top:1px solid #f0f0f0;
  }
  .nav-bar ul{
    font-size:0;
  }
  .nav-bar .dml-btn{
    display:inline-block;
    line-height:0.9rem;
    width:25%;
    text-align:center;
    font-size:0.3rem;
  }
</style>
